<!doctype html>
<html>
    <head>
      <meta charset="UTF-8"/>
	    <link rel="stylesheet" type="text/css" href="/webapp/css/easyui.css">
	    <link rel="stylesheet" type="text/css" href="/webapp/css/icon.css">
      <link rel="stylesheet" type="text/css" href="/webapp/css/color.css">
      <link rel="stylesheet" type="text/css" href="/webapp/css/public.css">
	    <script type="text/javascript" src="/webapp/js/lib/jquery.min.js"></script>
	    <script type="text/javascript" src="/webapp/js/lib/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="/webapp/js/lib/ajaxfileupload.js"></script>
	    <script type="text/javascript" src="/webapp/js/common/config.js"></script>
    </head>
    <body class="easyui-layout">
    	   <div class="easyui-container-fluid">
              <div class="easyui-panel" style="width:100%;border: none;">
                 <div class="nav">
                    
                 </div>
                 <div class="condition">
                      <div class="condition-line">
                        <label class="column-label">年：</label>
                        <select class="column-select" name="year">
                          <option>2013</option>
                          <option>2014</option>
                          <option>2015</option>
                          <option>2016</option>
                          <option>2017</option>
                          <option>2018</option>
                        </select>
                        <label class="column-label">原始分类：</label>
                        <input type="text" name="origin-category"/>
                        <label class="column-label">原始型号：</label>
                        <input type="text" name="origin-model"/>
                        <label class="column-label">状态：</label>
                        <select class="column-select" name="state">
                          <option>启用</option>
                          <option>禁用</option>
                        </select>
                      </div>
                      <div class="condition-line">
                        <label class="column-label">月：</label>
                        <select class="column-select" name="month">
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                          <option>6</option>
                          <option>7</option>
                          <option>8</option>
                          <option>9</option>
                          <option>10</option>
                          <option>11</option>
                          <option>12</option>
                        </select>
                        <label class="column-label">渠道：</label>
                        <select class="column-select" name="channel">
                          <option>37</option>
                        </select>
                        <select class="column-select" name="type">
                          <option>销量</option>
                        </select>
                        <select class="column-select">
                          <option>大于等于</option>
                          <option>小于等于</option>
                        </select>
                        <input type="text" name="" />
                        <select class="column-select" name="type2">
                          <option>单价</option>
                        </select>
                        <select class="column-select" name="type3">
                          <option>大于等于</option>
                          <option>小于等于</option>
                        </select>
                        <input type="text" name="" />
                      </div>
                      <div class="condition-line">
                        <label class="column-label">问题数据：</label>
                        <select class="column-select" name="type4">
                          <option>1</option>
                          <option>2</option>
                        </select>
                        <label class="column-label">渠道编码：</label>
                        <input type="text" name="channelcode"/>
                        <label class="column-label">唯一编码：</label>
                        <input type="text" name="unicode"/>
                        <label class="column-label">关键字：</label>
                        <input type="text" name="keyword"/>
                        <input class="btn-search" type="button" value="查询" />
                      </div>
                 </div>
                 <div class="operation"></div>
                 <div class="operation"></div>
                 <div class="table-wrapper">
                   <table id="datagrid" class="easyui-datagrid">
                     <thead>
                       <tr>
                         <th data-options="field:'unicode'">唯一编号</th>
                         <th data-options="field:'channelcode'">渠道编码</th>
                         <th data-options="field:'keyword'">关键字</th>
                         <th data-options="field:'category'">品类</th>
                         <th data-options="field:'brand'">品牌</th>
                         <th data-options="field:'originmodel'">原始型号</th>
                         <th data-options="field:'amount'">销量</th>
                         <th data-options="field:'price'">单价</th>
                         <th data-options="field:'salesamount'">销售额</th>
                         <th data-options="field:'unicode'">批发量</th>
                         <th data-options="field:'unicode'">批发价</th>
                         <th data-options="field:'analyzecategory'">系统分析品种</th>
                         <th data-options="field:'property'">属性</th>
                         <th data-options="field:'status'">状态</th>
                       </tr>
                     </thead>
                     <tbody>
                     </tbody>
                   </table>
                 </div>
              </div>
         </div>
    </body>
    <script type="text/javascript">
       $(function(){
           $("#datagrid").datagrid({
               url:'/webapp/response/channel-list.json',
               method:'get',
               pagination:true,
               rownumbers:true,
               frozenColumns:[[{field:'check',checkbox:true}]],
               toolbar:[
                  {text:'添加',iconCls:'icon-add'},'-',{text:'修改',iconCls:'icon-edit'},'-',{text:'删除',iconCls:'icon-remove'}
               ]    
           }).datagrid("getPager")
           .pagination({
               total:231,
               pageSize:10,
               pageList:[10,15,20,25,30,35,40,50,100],
               displayMsg:"共232条记录"
           });
       });
    </script>
</html>